* {
	/*先清除掉一些自带样式*/
	margin: 0;
	padding: 0;
}

body {
	/*对body里的字体和背景进行设置*/
	font-family: sans-serif;
	background: white;
	opacity: 1;
	font-weight: 300;
}

.wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(146, 208, 81, 1);
	background: linear-gradient(to top left, rgb(146, 208, 81) 0%, rgb(31, 177, 237) 100%);
	background: linear-gradient(to bottom right, rgb(146, 208, 81) 0%, rgb(31, 177, 237) 100%);
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
}

.main {
	/*表单框进行设置*/
	width: 500px;
	height: 300px;
	position: relative;
	margin: 120px auto;
}

.h1 {
	font-weight: 200;
	font-size: 40px;
	color: white;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

form {
	padding: 20px 0;
	position: relative;
	z-index: 2;
}

form input {
	display: block;
	/*让input变成块级元素*/
	appearance: none;
	/*使自带的一些样式消失*/
	outline: 0;
	/*消除边框*/
	border: 1px solid rgba(255, 255, 255, 0.4);
	/*重新设置边框的颜色*/
	background-color: rgba(255, 255, 255, 0.2);
	/*重新设置输入框的颜色*/
	width: 250px;
	/*设置宽度*/
	border-radius: 3px;
	/*设置圆角边框*/
	padding: 10px 15px;
	/*设置input里的内边距*/
	margin: 0 auto 10px auto;
	/*设置input里的外编剧*/
	text-align: center;
	/*帮助文字居中*/
	font-size: 18px;
	/*设置帮助文字大小*/
	font-weight: 300;
	/*设置文字宽度*/
	color: white;
	/*设置颜色*/
}

form input:hover {
	/*选择鼠标指针浮动在其元素上，并为其加样式*/
	background: rgba(255, 255, 255, 0.4);
}

form input:focus {
	/*鼠标指针浮动的元素获得焦点效果，并为其加样式*/
	background-color: white;
	width: 300px;
	color: #53e3a6;
}

form button {
	display: block;
	/*变成块级元素*/
	appearance: none;
	/*清除按钮自带样式*/
	outline: 0;
	/*清除边框*/
	border: 0;
	/*设置无边框*/
	background-color: white;
	/*设置按钮颜色为白色*/
	padding: 10px 15px;
	/*设置内边距为上下10px，左右15px*/
	margin: 0 auto 10px auto;
	/*设置外边距*/
	color: #53E3A6;
	/*设置按钮文本颜色为#53e3a6，*/
	border-radius: 3px;
	/*设置按钮为圆角边框*/
	width: 250px;
	/*设置宽度为250px*/
	cursor: pointer;
	/*当鼠标在按钮上面时，变更图标*/
	font-size: 18px;
	/*设置按钮文本字体大小*/
}

form button:hover {
	backgorund: #f5f7f9;
}
form button:focus{
	background: rgba(255,255,255,0.8);
}
